function lxcselector(obj,t,lxcarr){
    var lxc = $(obj).wrap("<em></em>").parent().css({
        position:"relative",
    });
    var xu = $("<ul>").appendTo(lxc);
    $(xu).css({
        position: 'absolute',
        width: "158px",
        border: "1px solid #ccc",
        boxShadow: " 0px 0px 10px 1px# ccc",
        background: " #fff",
        marginTop: "10px",
        // marginLeft: "300px",
        borderRadius: "3px",
        paddingTop: "5px",
        display: "none",
        zIndex: "1"
    });
    var x = $("<strong>").html(">").appendTo(lxc).css({
        display: "inline-block",
        position: 'relative',
        left: '-20px',
        transition: '1s',
        transform: 'rotateZ(90deg)',
    })
    $("<span>").appendTo(xu).css({
        display: "block",
        width: " 0px",
        height: " 0px",
        borderBottom: " 5px solid rgb(207, 203, 203)",
        borderLeft: "5px solid rgba(00, 00, 00, 0)",
        borderRight: " 5px solid rgba(00, 00, 00, 0)",
        borderTop: " 5px solid rgba(00, 00, 00, 0)",
        position: " absolute",
        marginLeft: " 34px",
        top: "-10px",
    });
    $("<span>").appendTo(xu).css({
        display: "block",
        width: " 0px",
        height: " 0px",
        borderBottom: " 5px solid rgb(255, 255, 255)",
        borderLeft: "5px solid rgba(00, 00, 00, 0)",
        borderRight: " 5px solid rgba(00, 00, 00, 0)",
        borderTop: " 5px solid rgba(00, 00, 00, 0)",
        position: " absolute",
        marginLeft: " 34px",
        top: "-9px"
    });
    for (var i = 0; i < t; i++) {
        var l=i;
      $("<li>").appendTo(xu).html(function(i,v){
       return lxcarr[l]
    }).css({
        linHeight: "34px",
        height: "34px",
        textIndent: " 1.5em",
        lineHeight: '34px'
    }).hover(function(i,v){
        $(this).css({
            background:" #ccc"
        })
    },function(){
        $(this).css({
            background:""
        }) 
        }).click(function(){
            $(obj).val($(this).html());   
        });
    }
       
    $(obj).click(function () {
        $(x).css({
            transform: 'rotateZ(270deg)',
        })
        $(xu).slideDown(500);
    })
    $(obj).blur(function () {
        $(x).css({
            transform: 'rotateZ(90deg)',
        })
        $(xu).slideUp(500);
    })
 }

//  <input type="text" id="lxcselector1">

//  lxcselector("#lxcselector1",3,[0,1,2,3])
